<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Tapestry website - redesign</title>

<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />

</head>
<body id="homepage">
	<div class="wrapper bs">
		<ul class="nav">
			<li><a href="getting_started.htm">Getting Started</a></li>
			<li><a href="documentation.htm">Documentation</a></li>
			<li><a href="#">Download Tapestry 5.2.0</a></li>
			<li><a href="#">About</a></li>
			<li class="last"><a href="#">Community Contributions</a></li>
		</ul>

		<div id="top">

			<h1><img src="tapestry.png" alt="Tapestry" id="tapestry" /></h1>

			<div id="aside">Component oriented framework for creating dynamic, robust, highly scalable web applications in Java.</div>
			
			<div class="clearer"></div>

		</div>

		<div id="features">
			<ul>
				<li>
					<h3>Java power</h3>
					<div class="feature radied relief">
						First key feature. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat imperdiet consequat. Quisque rutrum ultricies dolor nec imperdiet. Integer sem lectus, lobortis in cursus sed, consequat vitae turpis.
					</div>
				</li>
				<li>
					<h3>Script ease</h3>
					<div class="feature radied relief">
						Second key feature. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat imperdiet consequat. Quisque rutrum ultricies dolor nec imperdiet. Integer sem lectus, lobortis in cursus sed, consequat vitae turpis.
					</div>
				</li>
				<li>
					<h3>Highly Productive</h3>
					<div class="feature radied relief">
						Lastest key feature. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat imperdiet consequat. Quisque rutrum ultricies dolor nec imperdiet. Integer sem lectus, lobortis in cursus sed, consequat vitae turpis.
					</div>
				</li>
			</ul>

			<div class="clearer"></div>
		</div>
		
		<div id="bar">
			<strong>We think you will love Tapestry.</strong> Give us 20 minuts and <a href="#">follow our tutorial</a>.
		</div>
		
	
		<div class="col">
			<h2 class="first">Tapestry 5 tweets <a href="#" class="light">follow</a></h2>
			<ul id="tweets">
				<li>Speak from @hlship on #Clojure from Devoxx 2K9 is the most viewed one</li>
				<li>RT @spreadthesource : New T5 contribution! Rails like migrations</li>
				<li>Tapestry 5.2.0 is released!</li>
				<li>Igor D. will give a talk about "JavaServer Faces 2.0 vs. Tapestry 5" at #jazoon2010</li>
				<li>Igor's Tapestry 5 book is now being translated in English</li>
			</ul>
		</div>
		
		<div id="content" class="big-col">

			
			<h2 class="first">Tapestry in details</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem erat, fringilla quis pharetra a, suscipit et mauris. Donec dignissim, mi ac dignissim mollis, enim nibh dictum dui, ut ultrices ligula velit eget ante. Aliquam pharetra ultricies dui, at tempor neque mattis fermentum. Suspendisse pretium elit a nunc ultricies viverra. Etiam euismod euismod justo bibendum porttitor. Duis pulvinar laoreet mauris, nec dapibus augue tristique sit amet. Mauris tincidunt massa eu lacus ultricies a luctus dui sagittis. Integer sit amet quam vel justo ullamcorper sollicitudin. Quisque eget nunc sit amet tellus pharetra varius vel id purus. Aliquam ultricies adipiscing luctus. Integer ultrices luctus mi, sed rutrum lacus eleifend id. Aliquam erat volutpat. Maecenas rutrum augue eros.
			</p>
			
			<h2>Who uses it?</h2>
			<ul id="references">
				<li><img src="thumbs/wooki.png" class="" />
					<a href="#">Wooki</a> : Opensource collaboration app</li>
				<li><img src="thumbs/seesaw.png" class="" />
					<a href="#">Seesaw</a> : Video streaming</li>
				<li><img src="thumbs/wooki.png" class="" />
					<a href="#">Wooki</a> : Opensource collaboration app</li>
				<li><img src="thumbs/seesaw.png" class="" />
					<a href="#">Seesaw</a> : Video streaming</li>
			</ul>
			<div class="clearer"></div>			

		</div>		
		
		<div class="clearer"></div>
		<div id="footer">&copy; 2006-2010 Apache Software Foundation</div>
	</div>
</body>
</html>